<div co="main">
    <canvas id="BTCO_evanyou"></canvas>
    <main>
        <article class="loadMask" id="BTCO_loadMaskDOM">
            <div>
                <div class="Loader">
                    <div class="Loading-Main">
                        <div class="Loading-Outer" style="width: 200px;height: 200px;font-size: 3em;">
                            <div class="Loading-Inner"></div>
                        </div>
                    </div>
                </div>
                <p id="BTCO_loadMask">正在检查启用</p>
            </div>
        </article>
        <article class="An" id="BTCO_An">
            <div id="BTCO_textAn">
                <h2>好久不见，或是初次见面</h2>
                <h2>本插件使用 Vue 为宝塔面板构建</h2>
                <h2>实现移动端访问面板适配</h2>
                <h2>Made with love by LF112</h2>
            </div>
        </article>
        <article class="Precautions" id="BTCO_Precautions">
            <div>
                <p>准备好开始了吗</p>
                <div class="Band">
                    <div class="btcoLOGO">
                        <h1 class="glitch Gog" data-text="BTCO">BTCO</h1>
                    </div>
                    <div class="deliveryRecord" id="BTCO-deliveryRecord"></div>
                </div>
                <div class="Button">
                    <p id="BTCO-warnInstall">无需在生产环境启用</p>
                    <a id="BTCO-Install">立即启用</a>
                </div>
            </div>
        </article>
        <article class="Success" id="BTCO_Success">
            <div>
                <svg class="icon" viewBox="0 0 1159 1024" width="200" height="200">
                    <path
                        d="M396.97 1021.952c-4.778 0-8.533-2.048-12.629-4.779-6.826-6.826-6.826-18.432 0-25.258l39.595-40.619c6.827-6.827 18.432-6.827 25.259 0s6.826 18.432 0 25.259l-39.595 40.618c-3.755 3.072-7.85 4.779-12.63 4.779z"
                        fill="#4b4e53" />
                    <path
                        d="M81.237 752.64c-4.778 0-8.533-2.048-12.629-4.779-6.827-6.826-6.827-18.432 0-25.258l67.584-67.584c6.827-6.827 18.432-6.827 25.259 0s6.826 18.432 0 25.258l-67.584 67.584c-4.096 3.755-8.875 4.779-12.63 4.779zm887.126 176.81c-4.779 0-8.534-2.047-12.63-4.778-6.826-6.827-6.826-18.432 0-25.259l67.584-67.584c6.827-6.826 18.432-6.826 25.259 0s6.827 18.432 0 25.259l-67.584 67.584c-3.072 2.73-7.85 4.779-12.63 4.779zm-72.704-717.823c-4.779 0-8.534-2.048-12.63-5.803-6.826-6.827-6.826-18.432 0-25.259l50.176-49.152c6.827-6.826 18.432-6.826 25.259 0s6.827 18.432 0 25.259l-50.517 50.176c-3.755 3.755-7.51 4.779-12.288 4.779z"
                        fill="#0091e4" />
                    <path
                        d="M1085.781 437.59c-4.778 0-8.533-2.049-12.629-5.803-6.827-6.827-6.827-18.432 0-25.259l50.176-49.152c6.827-6.827 18.432-6.827 25.259 0s6.826 18.432 0 25.259l-50.176 49.152c-3.755 4.778-8.875 5.802-12.63 5.802z"
                        fill="#4b4e53" />
                    <path
                        d="M89.77 78.165c-41.983 0-76.458 34.475-76.458 76.459 0 42.667 34.475 77.483 76.459 77.483s76.458-34.475 76.458-77.483c.342-41.984-34.474-76.459-76.458-76.459z"
                        fill="#0091e4" />
                    <path
                        d="M413.355 0c-25.942 0-47.446 21.163-47.446 48.47 0 25.94 21.163 48.469 47.446 48.469 25.941 0 47.445-21.163 47.445-48.47S439.637 0 413.355 0z"
                        fill="#4b4e53" />
                    <path
                        d="M581.29 134.144c-215.38 0-390.143 175.787-390.143 393.216S365.909 920.576 581.29 920.576 971.435 744.789 971.435 527.36 796.672 134.144 581.29 134.144z"
                        fill="#01cf97" />
                    <path
                        d="M809.643 418.133L548.864 681.984c-6.827 6.827-14.336 9.557-23.21 9.557-8.534 0-16.385-2.73-23.211-9.557l-150.87-151.552c-12.629-12.63-12.629-33.792 0-46.421 12.63-12.63 33.792-12.63 46.422 0l127.658 128.341 238.592-239.616c12.63-12.63 33.792-12.63 46.422 0 12.629 11.605 12.629 32.768-1.024 45.397z"
                        fill="#FFF" />
                </svg>
            </div>
            <p>BTCO 已在您的宝塔面板上启用</p>
        </article>
        <article class="Hello" id="BTCO_Hello">
            <p>感谢您的使用</p>
            <div class="Button">
                <a id="BTCO-unInstall">关闭 BTCO</a>
                <a href="https://github.com/LF112/BTCO" target="_blank">GITHUB</a>
            </div>
        </article>

        <nav class="TIP" id="BTCO_TIP">
            <div>
                <p id="BTCO_textTIP"></p>
            </div>
        </nav>
    </main>
    <footer>
        <div class="logo">
            <svg viewBox="0 0 1024 1024" width="200" height="200">
                <defs />
                <path
                    d="M791.584 475.33H548.665V232.409l70.244 70.248L874.987 149.01 721.34 405.087l70.244 70.244zM278.646 278.647c-97.887 97.888-121.23 241.907-70.412 362.011l-42.575 77.284c-92.183-154.825-72.114-357.908 61.132-491.15 133.246-133.246 336.321-153.315 491.15-61.136l-77.284 42.579c-120.104-50.818-264.123-27.475-362.01 70.412zm-46.242 270.02h242.923V791.59l-70.244-70.248-256.078 153.647L302.652 618.91l-70.248-70.244zm512.943 196.68c98.294-98.29 121.373-243.08 69.734-363.477l42.637-76.862c92.9 154.957 73.03 358.652-60.516 492.196-133.544 133.546-337.24 153.416-492.195 60.515l76.862-42.637c120.397 51.639 265.186 28.56 363.478-69.734z"
                    fill="#4b4e53" />
            </svg>
        </div>
        <p>Made with love by <a href="https://www.lf112.net/" target="_blank" class="LF">LF112</a></p>
        <span>/</span>
        <p>this page is powered by BTCO in BT-Panel.</p>
        <span>/</span>
        <p id="BTCO-crData">&copy; 2020</p>
    </footer>
</div>